{% extends "base.html" %}
{% block body %}

<div class="section">
  <img class="section-img" src="/static/img/Sky-Website-Picture-Looking-At-Chocolate.jpg"
    alt="Derrick and Sky">

  <div class="content-text">
    <h2>Contact Derrick Sky</h2>

    {% if success %}
      <h3>Success! Your email has been sent =)</h3>

    {% else %}
      {% if message %}
        <h3 class="error-msg">{{ message }}</h3>
      {% endif %}
      <form method="post" action="/contact">
        <div>
          <label for="sender">Your email:</label>
          <input type="text" name="sender" id="sender" size="50"
            {% if sender %}value="{{ sender }}"{% endif %}>
        </div>
        <div>
          <label for="subject">Subject:</label>
          <input type="text" name="subject" id="subject" size="50"
            {% if subject %}value="{{ subject }}"{% endif %}>
        </div>
        <div>
          <label for="body">Message:</label>
          <textarea cols="60" rows="10" name="body" id="body"
            >{{ body }}</textarea>
        </div>
        <input type="submit" value="Send email">
      </form>
    {% endif %}
  </div>

</div>

{% endblock %}

